<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>抽牌</title>
    <script>
    var zp = [
            '<img src="img/方块A.jpg">',
            '<img src="img/方块2.jpg" >',
            '<img src="img/方块3.jpg">',
            '<img src="img/方块4.jpg">',
            '<img src="img/方块5.jpg" >',
            '<img src="img/方块6.jpg">',
            '<img src="img/方块7.jpg" >',
            '<img src="img/方块8.jpg" >',
            '<img src="img/方块9.jpg" >',
            '<img src="img/方块10.jpg" >',
            '<img src="img/方块J.jpg" >',
            '<img src="img/方块Q.jpg" >',
            '<img src="img/方块K.jpg" >',
            '<img src="img/红心A.jpg" >',
            '<img src="img/红心2.jpg" >',
            '<img src="img/红心3.jpg" >',
            '<img src="img/红心4.jpg" >',
            '<img src="img/红心5.jpg" >',
            '<img src="img/红心6.jpg" >',
            '<img src="img/红心7.jpg" >',
            '<img src="img/红心8.jpg" >',
            '<img src="img/红心9.jpg" >',
            '<img src="img/红心10.jpg" >',
            '<img src="img/红心J.jpg" >',
            '<img src="img/红心Q.jpg" >',
            '<img src="img/红心K.jpg" >',
            '<img src="img/梅花A.jpg" >',
            '<img src="img/梅花2.jpg" >',
            '<img src="img/梅花3.jpg" >',
            '<img src="img/梅花4.jpg" >',
            '<img src="img/梅花5.jpg" >',
            '<img src="img/梅花6.jpg" >',
            '<img src="img/梅花7.jpg" >',
            '<img src="img/梅花8.jpg" >',
            '<img src="img/梅花9.jpg" >',
            '<img src="img/梅花10.jpg">',
            '<img src="img/梅花J.jpg">',
            '<img src="img/梅花Q.jpg" >',
            '<img src="img/梅花K.jpg" >',
            '<img src="img/黑心A.jpg" >',
            '<img src="img/黑心2.jpg" >',
            '<img src="img/黑心3.jpg" >',
            '<img src="img/黑心4.jpg" >',
            '<img src="img/黑心5.jpg" >',
            '<img src="img/黑心6.jpg" >',
            '<img src="img/黑心7.jpg" >',
            '<img src="img/黑心8.jpg" >',
            '<img src="img/黑心9.jpg" >',
            '<img src="img/黑心10.jpg" >',
            '<img src="img/黑心J.jpg" >',
            '<img src="img/黑心Q.jpg">',
            '<img src="img/黑心K.jpg" >',
            '<img src="img/小鬼.jpg" >',
            '<img src= "img/大鬼.jpg"> '
    ]

    function fh(zp){
        return zp[Math.floor(Math.random()*(zp.length))];

    }

    function fh1(zp){
        return zp[Math.floor(Math.random()*(zp.length))];
    }
    function fh2(zp){
        return zp[Math.floor(Math.random()*(zp.length))];
    }

    document.writeln(fh(zp));
    document.writeln(fh1(zp));
    document.writeln(fh2(zp));

/*
    for(let i in zp) {
        for (i = 0; i <= 54; i++) {
            document.writeln(i);
        }
    }
*/
    </script>
    <style>
        div{
            width: 69px;
            height: 97px;

        }

    </style>

    
</head>

</body>
</html>